// pages/order/components/bottomPop.js
Component({
    /**
     * 组件的属性列表
     */
    properties: {

    },
    /**
     * 组件的初始数据
     */
    data: {
        showModalFag:true
    },
    /**
     * 组件的方法列表
     */
    methods: {
            //点击我显示底部弹出框
    clickme: function () {
        this.data.showModalFag
        if( this.data.showModalFag  == true){
            this.showModal();
        }else if(this.data.showModalFag  == false){
            this.hideModal();  
        }
        this.data.showModalFag = !this.data.showModalFag
        this.setData({
            showModalFag:this.data.showModalFag
        })

      },
      //显示对话框
      showModal: function () {
        // 显示遮罩层
        var animation = wx.createAnimation({
          duration: 200,
          timingFunction: "linear",
          delay: 0
        })
        this.animation = animation
        animation.translateY(300).step()
        this.setData({
          animationData: animation.export(),
          showModalStatus: true
        })
        setTimeout(function () {
          animation.translateY(0).step()
          this.setData({
            animationData: animation.export()
          })
        }.bind(this), 200)
      },
      //隐藏对话框
      hideModal: function () {
        // 隐藏遮罩层
        var animation = wx.createAnimation({
          duration: 200,
          timingFunction: "linear",
          delay: 0
        })
        this.animation = animation
        animation.translateY(300).step()
        this.setData({
          animationData: animation.export(),
        })
        setTimeout(function () {
          animation.translateY(0).step()
          this.setData({
            animationData: animation.export(),
            showModalStatus: false
          })
        }.bind(this), 200)
      }

    }
})
